@charset "UTF-8";
#fullPage-nav{
    font-size: 14px;

}
#fullPage-nav li{
    width: 90px;
    height: 20px;
    border: 1px solid black;
}
#fullPage-nav li a{
    float: right;
}
.section1{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.section1 .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.section1 img{
     display: block;
     width: 100%;
     height: 100%;
 }
.section1 .mail{

}
.section1 .mail .wemail{
    position: absolute;
    top: 200px;
    width: 100%;
    height: 300px;
    background: url("../img/slogan.png") 50% 0 no-repeat;
    opacity: 0;
    transition: all 1.7s;
    transform: scale(0.1,0.1);
}
.section1 .bg12{
    position: absolute;
    bottom: -100px;
    width: 100%;
    height: 392px;
    background: url(../img/bg12.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1.7s;
}
.section1 .bg13{
    position: absolute;
    bottom: -377px;
    width: 100%;
    height: 392px;
    background: url(../img/bg13.png) 50% 0 no-repeat;
    opacity: 0;
    transition: all 1s;
}
.section2 img{
    display: block;
    width: 100%;
    height: 100%;
}
.section2 .h2{
    position: absolute;
    top: 50px;
    width: 100%;
    height: 100px;
    opacity: 0;
    transition: all 0.7s;
    transform: scale(0.1,0.1);
}
.section2 .bg21{
    position: absolute;
    top: 300px;
    left: -200px;
    width: 100%;
    height: 300px;
    background: url("../img/bg21.png") 5% 0 no-repeat;
    opacity: 0;
    transition: all 0.7s;
}
.section2 .bg22{
    position: absolute;
    top: 300px;
    right: -200px;
    width: 100%;
    height: 300px;
    background: url("../img/bg22.png") 95% 0 no-repeat;
    opacity: 0;
    transition: all 0.7s;
}
.section2 .bg23{
    position: absolute;
    bottom: -200px;
    width: 100%;
    height: 400px;
    background: url("../img/bg23.png") 50% 0 no-repeat;
    opacity: 0;
    transition: all 0.7s;
}
.active .bg12{
    position: absolute;
    bottom: 60px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 1.5s;
}
.active .bg13{
    position: absolute;
    bottom: 10px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 0.9s;
}
.active .h2{
    top: 50px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 0.9s;
    transform: scale(1,1);
}
.active .bg21{
    position: absolute;
    top: 300px;
    left:50px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 0.9s;
}
.active .bg22{
    position: absolute;
    top: 300px;
    right: 20px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 0.9s;
}
.active .bg23{
    position: absolute;
    bottom:120px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 0.9s;
}
.active .mail .wemail{
    width: 100%;
    height: 300px;
    top: 200px;
    opacity: 1;
    transition:all 0.7s;
    transition-delay: 0.9s;
    transform: scale(1,1);
}
